<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>经销商主页</title>

    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 自定义css -->
    <link href="css/SubHome.css" rel="stylesheet">
</head>

<body>
    <!--顶栏-->
    <nav class="navbar navbar-dark fixed-top flex-md-nowrap p-0 shadow">
        <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">万家乐 OCP</a>
        <div class="navbar-title">OCP 全渠道数字平台</div>
        <ul class="navbar-nav px-3">
            <li class="nav-item text-nowrap">
                <a class="nav-link" id="signoutl"></a>&nbsp;&nbsp;
                <a class="nav-link" href="RetailerLogin.html" id="signout" onclick="delRtCookie(username)">注销</a>
            </li>
        </ul>
    </nav>


    <div class="container-fluid">
        <div class="row">
            <!--左侧栏-->
            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">

                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link active" href="#">
                                <span data-feather="home"></span>
                                首页 <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="SubmitOrder.html">
                                <span data-feather="file"></span>
                                1 提交订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="UnhandledOrders.html">
                                <span data-feather="shopping-cart"></span>
                                2 待处理订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="PurchaseOrders.html">
                                <span data-feather="users"></span>
                                3 采购订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="RetailOrders.html">
                                <span data-feather="bar-chart-2"></span>
                                4 零售订单
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <!--内容部分-->
            <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
                <div
                    class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
                    <h1 class="h2" id="name">未登录 :(</h1>
                </div>

                <!--图片轮播-->
                <div id="demo" class="carousel slide col-lg-6" data-ride="carousel">

                    <!-- 指示符 -->
                    <ul class="carousel-indicators">
                        <li data-target="#demo" data-slide-to="0" class="active"></li>
                        <li data-target="#demo" data-slide-to="1"></li>
                        <li data-target="#demo" data-slide-to="2"></li>
                    </ul>

                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="pic/rqz1.jpg" width="600px" height="300px">
                        </div>
                        <div class="carousel-item">
                            <img src="pic/rqz2.jpg" width="600px" height="300px">
                        </div>
                        <div class="carousel-item">
                            <img src="pic/rqz3.jpg" width="600px" height="300px">
                        </div>
                    </div>

                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#demo" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>

                </div>
                <div
                    class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
                    <h1 class="h2">快捷功能</h1>
                </div>
                <div class="col-lg-10">
                    <a href="#" class="btn" role="button">产品类别</a>
                    <a href="#" class="btn" role="button">账户维护</a>
                    <a href="#" class="btn" role="button">批发订单列表</a>
                    <a href="#" class="btn" role="button">待审核备货计划列表</a>
                    <a href="#" class="btn" role="button">运营后台菜单列表管理</a>
                    <a href="#" class="btn" role="button">经销商列表</a>
                    <a href="#" class="btn" role="button">可售商品维护</a>
                    <a href="#" class="btn" role="button">价格维护</a>
                </div>

            </main>
        </div>
    </div>


    <!-- Bootstrap JavaScript
    ================================================== -->
    <!-- js 放在底部页面加载更快 -->
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    
    <!-- 自定义js -->
    <script src="js/OCP.js"></script>
    <script>
        var username = getCookie("rt_username");

        if (username == "") {
            window.location.replace("RetailerLogin.html");
        } else {
            document.getElementById("name").innerHTML = "你好！经销商 " + username;
            document.getElementById("signoutl").innerHTML = username;
        }

    </script>

</body>

</html>